import React, { Component } from 'react'
import { NavBar, Icon } from 'antd-mobile';
import './cart.scss'
import CartList from '../../components/cart/cartList'
import CartBottom from '../../components/cart/cartBottom/bottom'
import { withRouter } from 'react-router-dom'
class cart extends Component {
    render() {
        return (
            <div style={{background:'#eeeeee',height:'100vh',position:"fixed",width:'100%'}}>
                <div><NavBar
                    
                    icon={<Icon type="left" />}
                    style={{background:'#ff4466'}}
                    onLeftClick={() => window.history.go(-1)}
                    rightContent={[
                        <div key={1}>编辑</div>
                    ]}
                    >购物车</NavBar></div>
                    {/* 去商品列表 */}
                    <div className='goshoppBox'>
                <div className='goshopp' onClick={()=>{
                    this.props.history.push('/newshare')
                }}>再逛逛  {'>'}</div>
                    </div>
                   {/* 商品列表 */}
                   <div>
                       <CartList></CartList>
                   </div>
                   {/* 底部结算 */}
                   <div>
                       <CartBottom></CartBottom>
                   </div>
            </div>
        )
    }
}
export default  withRouter(cart)